<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
	
	<button type="button" class="mui-btn mui-btn-royal">紫色</button>
	<button type="button" class="mui-btn mui-btn-royal mui-btn-outlined">紫色</button>
	<button type="button" class="mui-btn mui-btn-royal a">加载中的按钮</button>
	<script type="text/javascript">
	mui(document.body).on('tap', '.a', function(e) {
	    mui(this).button('loading');
	    setTimeout(function() {
	        mui(this).button('reset');
	    }.bind(this), 2000);
	});
	</script>
</body>
</html>